<div class="history-broadcast">
    <span class="middle-line"></span>
    <div class="history-date" th:each="monthlist : ${liveLists}">
        <h2 class="first">
            <a href="#nogo" th:text="${monthlist.get(0).yearMonthString}">2015年6月</a>
        </h2>
        <ul class="clearfix">
           <div th:each="live : ${monthlist}" th:switch="${live.statusString}" th:remove="tag">
            <li th:case="'预告'" class="br-future" >
                <label class="br-label"><i class="time-icon icon-fut"></i></label>
                <hgroup>
                    <h3 >
                       <i class="time-icon icon-future"></i><span th:text="${#strings.substring(live.start,0,10)}">15/7/7</span>
                    </h3>
                    <p>
                      <strong th:text="${'[' + live.statusString + ']'}">[预告]</strong>
                      <a target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}"  th:text="${live.name}">一个非常厉害的机器人展览</a>
                    </p>
                </hgroup>
                <dl>
                    <dt>
                        <a target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}" ><img src="http://placehold.it/80x80" th:src="${live.image}"/></a>
                    </dt>
                    <dd>
                        <a target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}">
                            <p class="fixText" th:text="${live.desc}">CES Asia 2015 上海<span>升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能</span></p>
                        </a>
                    </dd>
                </dl>
            </li>
            
            <li th:case="'正在直播'" class="br-now" >
                <label class="br-label"><i class="time-icon icon-n"></i></label>
                <hgroup>
                    <h3 >
                       <i class="time-icon icon-now"></i><span th:text="${#strings.substring(live.start,0,10)}">15/7/7</span>
                    </h3>
                    <p>
                      <strong th:text="${'[' + live.statusString + ']'}">[正在直播]</strong>
                      <a target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}"  th:text="${live.name}">一个非常厉害的机器人展览</a>
                    </p>
                </hgroup>
                <dl>
                    <dt>
                        <a target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}" ><img src="http://placehold.it/80x80" th:src="${live.image}"/></a>
                    </dt>
                    <dd>
                        <a target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}">
                            <p class="fixText" th:text="${live.desc}">CES Asia 2015 上海<span>升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能升级极速内核到21.0；全新默认界面；新增小窗口播放功能</span></p>
                        </a>
                    </dd>
                </dl>
            </li>
            
            <li th:case="'已结束'" class="br-history" >
                <label class="br-label"><i class="time-icon icon-his"></i></label>
                <hgroup>
                    <h3 >
                       <i class="time-icon icon-history"></i><span th:text="${#strings.substring(live.start,0,10) + ' 至 ' + #strings.substring(live.end,0,10)}">15/7/7 - 15/7/9</span>
                    </h3>
                    <p th:switch="${live.name}">
                      <strong th:text="${'[' + live.statusString + ']'}">[已结束]</strong>
                      <a th:case="'cesasia2015'" target="_blank" th:href="@{'/live/cesasia2015'}">CES Asia 2015 亚洲消费电子展</a>
                      <a th:case="'turingphone2015'" target="_blank" th:href="@{'/live/turingphone2015'}">Turing Robotic Industries 图灵手机2015上海发布会</a>
                      <a th:case="*" target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}" th:text="${live.name}">一个非常厉害的机器人展览</a>
                    </p>
                </hgroup>
                <dl>
                    <dt th:switch="${live.name}">
                        <a th:case="'cesasia2015'" target="_blank" th:href="@{'/live/cesasia2015'}"><img src="http://www.faxsun.com/faxsun-info/src/img/live/cesasia2015/cesdescbanner.png"/></a>
                        <a th:case="'turingphone2015'" target="_blank" th:href="@{'/live/turingphone2015'}"><img src="http://www.faxsun.com/faxsun-info/src/img/live/turingphone2015/turingdescbanner.png"/></a>
                        <a th:case="*" target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}"><img src="http://placehold.it/80x80" th:src="${live.image}"/></a>
                    </dt>
                    <dd th:switch="${live.name}">
                        <a th:case="'cesasia2015'" target="_blank" th:href="@{'/live/cesasia2015'}">
                            <p class="fixText">亚洲首次举办消费类电子产品展览会。本次亚洲消费电子展的主题是“互联互通”,“创新”和“物联网”三大领域,包括绿色科技、健康产品、家庭娱乐等多达14个产品类别</p>
                        </a>
                        <a th:case="'turingphone2015'" target="_blank" th:href="@{'/live/turingphone2015'}">
                            <p class="fixText">全球第一款用液态金属(liquidmorphium)打造的防水防摔手机，强度比钢和钛还要高,超级安全方案,非集中式认证(decentralizedauthentication),静态密钥(static-key),端对端私密通,逼格满满</p>
                        </a>
                        <a th:case="*" target="_blank" th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}">
                            <p  class="fixText" th:text="${live.desc}"></p>
                        </a>
                    </dd>
                </dl>
            </li>
          </div>
        </ul>
    </div>
    
</div>
